<template>
	<view>
		<view class="abs">
			<view class="liu">
				<image src="../../static/client/yuan.png" mode=""></image>
				<view class="xian"></view>
			</view>
			<view class="box">
				<view class="boxOne">
					发货 数量：123
				</view>
				<view class="boxTwo">
					<view class="boxLeft">
						时间：2020-03-28  11:23:34
					</view>
					<view class="boxRight">
						<image src="../../static/images/arrow_right.png" mode=""></image>
					</view>
				</view>
				<view class="boxThree">
					操作人：亦媛
				</view>
			</view>
		</view>
	<view class="abs">
		<view class="liu">
			<image src="../../static/client/yuan.png" mode=""></image>
			<view class="xian"></view>
		</view>
		<view class="box">
			<view class="boxOne">
				发货 数量：123
			</view>
			<view class="boxTwo">
				<view class="boxLeft">
					时间：2020-03-28  11:23:34
				</view>
				<view class="boxRight">
					<image src="../../static/images/arrow_right.png" mode=""></image>
				</view>
			</view>
			<view class="boxThree">
				操作人：亦媛
			</view>
		</view>
	</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style lang="scss">
page {
	background-color: #f7f4f8;
	padding-top: 26rpx;
}
image {
	width: 47rpx;
	height: 47rpx;
	margin-left: 25rpx;
	z-index: 2;
}
.xian {
	width: 3rpx;
	background-color: #dddddd;
	height: 99999rpx;
	margin-left: 42rpx;
	position: relative;
	top: -100rpx;
}
.abs {
	position: relative;
	overflow: hidden;
}
.liu {
	position: absolute;
	
}
.box {
	
	padding: 40rpx 53rpx;
	background-color: #ffffff;
	margin: 30rpx 40rpx 20rpx 80rpx;
.boxOne{
	font-size:30rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(51,51,51,1);
}
.boxTwo{
	display: flex;
	justify-content: space-between;
	font-size:28rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(102,102,102,1);
	margin-top: 20rpx;
	image{
		width:18rpx;
		height:33rpx;
	}
}
	
.boxThree{
	font-size:28rpx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(102,102,102,1);
}
}

</style>
